<template>
  <div class="pane">
    <div class="pane_left">
      <a-form-model layout="inline" labelAlign="left">
        <div class="pane_left_btm">
          <div class="pane_left_btn">
            <a-button type="primary">大额支付分析统计表</a-button>
            <a-button type="primary" class="secondary_btn" style="margin-left: 10px">大额支付分析明细表</a-button>
          </div>
          <div class="pane_left_btm_table">
            <a-table :pagination="false" :data-source="tableData" bordered :columns="columns">
              <span slot="status" slot-scope="text">
                <template v-if="text === '0'">未查看</template>
                <template v-if="text === '1'">已查看</template>
              </span>
            </a-table>
          </div>
        </div>
      </a-form-model>
      <div></div>
    </div>
  </div>
</template>

<script>
import columns from './zxjgColumns'
export default {
  name: 'zxjg',
  data() {
    return {
      from: {},
      columns,
      tableData: [
        {
          modelcode: '001001001',
          mxname: '大额对私付款（内部员工）',
          wtsl: 3,
          status: '0',
          bz: '',
        },
      ],
      defColumns: [
        {
          title: '#',
          dataIndex: '',
          key: 'rowIndex',
          width: 60,
          align: 'center',
          customRender: function (text, record, index) {
            if (record.name === '合计') {
              return ''
            } else {
              return parseInt(index) + 1
            }
          },
        },
      ],
    }
  },
  created(){
      this.tableData.push(...this.defColumns)
  },
  methods: {},
  computed: {},
}
</script>

<style lang="less" scoped>
.pane {
  display: flex;
  &_left {
    height: 70vh;
    flex: 3;
    &_top {
      background-color: #f9faff;
      height: 200px;
      border-bottom: 1px solid #dcedfe;
      padding: 10px 20px;
    }
    &_btm {
      margin: 20px;
      &_table {
        margin-top: 15px;
      }
    }
  }
}
.pane_left_btn {
  display: flex;
}
.secondary_btn {
  background-color: #e8f0fb;
  color: #1890ff;
}
</style>